﻿@charset "utf-8";
/* CSS Document  2015/7/24*/

*{ margin:0; padding:0;}
img{ border:none; vertical-align:middle;}
a{ text-decoration:none; outline:none;}
ul,li{ list-style-type:none;}
input{ vertical-align:middle;}

/*-------复用属性--------*/
.left{ float:left;}
.right{ float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; } 
* html .clearfix { height: 1%;}
.clearfix {display:block;}

/*-------导航区-----------*/


/*---------------参考样式开始------------------------*/
* { font-size:12px; color:#404040; font-family:"宋体";}
.a { text-align:center; margin-top:20px;}
/*---------------头部------------------*/
.index{ width:100%; position:relative; margin:0 auto; }
.head_top{wdith:100%; background-color:#F8F9F8; border-bottom:1px dotted #cccccc;}
.head_box{width:1000px; height:30px; margin:0 auto; }

.collect { float:right;  height:30px; line-height:30px;}
.collect a { float:left; font-size:13px; font:"黑体"; color:#808080;margin-left:10px;}
.collect .a {  height:auto; margin:auto;}

/*---------------导航区------------------*/

.nav_bg { background-color:#ffffff;height:80px;margin:0 auto;width:100%;}
.nav_box{ width:1000px; height:80px; margin:0 auto; }
.nav{ width:720px; height:80px; float:right;}
.nav li{ width:120px; height:80px; line-height:80px; color:#333; text-align:center; font-size:14px; float:left; position:relative;}
.nav li a{ color:#0081d4; font-family:"微软雅黑"; font-size:16px;  display:block; background-color:#fff;text-align:center;}
.nav li a:hover { text-decoration:none;}
.nav li .current , .nav li a:hover{ background-color:#0294e1; color:#fff;  text-align:center;}
.nav li dl{ width:120px; position:absolute; top:80px; left:0;z-index:999;}
.nav li dd { background:#fff; border-bottom:1px solid #fff; opacity:0.8; filter:alpha(opacity=80);}
.nav li dd a:hover{ background-color:#d9d9d9; color:#0294e1;}
.nav li dd a{ height:47px; line-height:47px; font-size:15px;}


.cur1{ background-color:#FFF; color:#0081d4;}
.cur2{ display:block; float:left;}
/*-----------分享-----------*/
.share { display:block; float:right;/* width:260px;*/margin-top: 21px;}
.share .a { float:left; margin:28px 5px 0 6px;margin-left:35px; width: 63px; height: 18px; background-image:url(../images/attention.png); background-size: 63px 18px;}
.share .a5 { margin:28px 0 0 6px; float:left; width:18px; height:18px;}
.share .l1 { background-image:url(../images/weibo.png); background-size:18px 18px;}
.share .l2 { background-image:url(../images/wenxin.png); background-size:18px 18px; }
.share .l3 { background-image:url(../images/baidu.png); background-size:18px 18px; }
.share .l4 { background-image:url(../images/qq.png); background-size:18px 18px; }
.share .l5 { background-image:url(../images/.png); background-size:18px 18px; }
.share b { color:#fff;}



/*引用:---------------参考样式结束------------------------*/

/*-------轮播图-----------*/

#banner { position: relative; width:100%; height:352px;  overflow:hidden; margin:auto; padding-top:114px; }
#banner_list img { border:0px; width:100%; height:352px; }
#banner_bg { position: absolute; bottom: 0; background-color: #2aa1fc; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width: 404px;}
#banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }
#banner_text { position: absolute; width: 30px; z-index: 1002; right: 3px; bottom: 3px; }
#banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin: 0; padding: 0; bottom:25px;  right:48%;}
#banner ul li { padding: 0px 0px; width:14px; height:13px; float:left; display:block; color:#FFF; background-image:url(../images/b2.png); cursor: pointer; margin-left:10px; font-size:0; }
#banner ul li.on {background-image:url(../images/b1.png);}
#banner_list a { position: absolute; width:100%;}
#banner_list a img { width:100%;}
.inpt01,.inpt02 {visibility:hidden;}

/*--------NEWS--------*/
.news_box {width:1000px;height:250px;margin:0 auto; margin-top:20px;}
.news_box .nleft{ float:left; width:655px; height:250px;  position:relative;}
.news_box .news { margin-top:16px;}
.news_box .img { float:left;margin-top:55px; }
.news_box .news_title { float:right; width:340px;display:inline;}
   /*--------选项卡--------*/  
.dis {
DISPLAY: block
}
.undis {
DISPLAY: none
}
#cntR {
WIDTH: 302px
}
#NewsTop {
CLEAR: both; MARGIN-BOTTOM: 16px; margin-top:55px;
}
#NewsTop P {
FLOAT: left; LINE-HEIGHT: 30px; width:80px; font-size:16px;
}
#NewsTop P.topTit {
 WIDTH: 185px; 
}
#NewsTop P.topC0 {
	background-color:#878484; color:#55595f; WIDTH: 40px; CURSOR: pointer; width:80px;	text-align:center;
}
#NewsTop P.topC0 a{ color:#55595f; WIDTH: 40px; CURSOR: pointer; width:80px;
	text-align:center; }
#NewsTop P.topC1 {
BACKGROUND: #0294e1; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff; width:80px; text-align:center;
}
#NewsTop #NewsTop_tit {
BORDER-BOTTOM: #0294e1 3px solid; HEIGHT: 30px;
}
#NewsTop #NewsTop_cnt {
PADDING-LEFT:10px; BACKGROUND: url(http://www.popuni.com/attachments/month_0703/o2007320133249.gif) no-repeat 12px 13px; LINE-HEIGHT: 26px; PADDING-TOP: 7px; HEIGHT: 260px; TEXT-ALIGN: left; overflow:hidden;
}
#NewsTop #NewsTop_cnt li a { float:left; width:320px; COLOR: #808080; line-height:32px;}
#NewsTop #NewsTop_cnt li dd { float:right; margin-left:50px;} 
#NewsTop #NewsTop_cnt a:hover {
COLOR: #0294e1; TEXT-DECORATION: underline
}


.news_box .nright{ float:left; width:300px; height:250px; margin-left:30px; }
.news_box .top_tit { width:300px;  height:30px; border-bottom:#0294e1 3px solid;}
.news_box .top_tit a {  width:80px; height:30px; line-height:30px; font-size:20px; color:#0294e1; font-weight:bold; }
.news_box .top_img { height:210px;}
.news_box .top_img a { width:145px; height:95px; float:left; margin:13px 0 0 5px; overflow:hidden;}

/*--------透明矩形加公告处--------*/
.clarity { width:655px;height:38px; line-height:38px;z-index:99;position:absolute; top:0px; background-color:#f2f2f2;}
.clarity .notice {margin-left:5px;}
.clarity .notice i{display:block;float:left;width:20px;height:20px;background:url(../images/notice.png) no-repeat;margin-top:9px;}
.clarity .notice p{float:left;line-height:38px;margin-left:10px;}

/*---------主内容区-----------*/
.{ background-position:; position:absolute}

/*企业成员*/
.business_mem {width:1000px;padding-bottom:10px;margin:0 auto;margin-top:10px;}
.business_mem .h2{  width:100%;  height:30px; border-bottom:#0294e1 3px solid;}
.business_mem .h2 a {  width:80px; height:30px; line-height:30px; font-size:20px; color:#0294e1; font-weight:bold; }
.business_mem  img{width:1000px;height:385px;margin:0 auto;}
/*
.membs div {float:left;border-radius:60px;}
.membs div p  a {font-family:"宋体";font-size:18px;}
.membs div p  a:hover {color:#004195;}
.membs div p {padding-top:10px;text-align:center;}
.membs .circle1 img,.membs .circle2 img,.membs .circle3 img,.membs .circle4 img,.membs .circle5 img{display:block;-moz-border-radius: 60px;-webkit-border-radius:60px;border-radius:60px;}
.membs .circle1 img {width:104px;height:104px;border:5px solid #abd46e;margin-left:81px;}
.membs .circle2 img {width:72px;height:72px;border:5px solid #f49e9c;margin-top:-90px;margin-left:100px;}
.membs .circle3 img {width:186px;height:186px;border:5px solid #004195;margin-left:42px;-moz-border-radius: 120px;-webkit-border-radius:120px;border-radius:120px;}
.membs .circle4 img {width:100px;height:100px;border:5px solid #00ffff;margin-top:100px;margin-left:56px;}
.membs .circle5 img {width:110px;height:110px;border:5px solid #df0024;margin-top:-80px;}/


/*---------底部区-----------*/
.footer {background:#f2f2f2;margin-top:15px;}
.foot_con {width:1000px;margin:0 auto;padding-top:20px;}
.foot_con .attention,.foot_con .contact{float:left;}
.foot_con .tell {float:right;margin-right:40px;}
.foot_con .attention {margin-left:40px;}
.foot_con .contact {margin-left:155px;}
.footer  img {width:205px;height:206px;}
.footer h4 {font-size:16px;padding-bottom:20px; font-family:"微软雅黑"; color:#333;}
.contact p {line-height:2; font-size:14px; font-family:"微软雅黑";}
.contact .address {padding-top:50px;}
.contact span{color:#004195; font-size:16px; font-family:Tahoma;}

/*2015/7/31*/
.contact a,.tell form  .sub {padding:5px 10px;background:#004195;color:#FFF;}
.tell form input{display:block;width:205px;height:20px;margin:2px 0px;}
.tell form .need{height:70px;}
.tell form .sub {display:block;border:none;text-align:center;width:100px;float:right;line-height:10px;}


.links{width:1000px;height:35px;border-top:1px dotted #CCC;border-bottom:1px dotted #CCC;margin:0 auto;line-height:35px;margin-top:10px;}
.links p {margin-left:40px;}
.links span{ font-size:16px; color:#666; font-family:"微软雅黑";}
.links a{ padding:0 10px; color:#666;}
.links a:hover{ color:#004195;}
.com_address {margin-top:10px;}
.com_address p {text-align:center;line-height:2; color:#666;}

/*给所有的内页的链接加一个下划线*/
.collect a:hover ,content div ul li a:hover,.nav_twce_box .nav_twce li a:hover{text-decoration:underline;}

/*2015/7/31*/

.footer {clear:both;}


/*透明背景*/
.content  h2 ,.business h2,.business_mem h2{padding-top:45px;}
.content  h2  a,.business h2 a{display:block;height:74px;width:900px;background:url(../images/c1.png);font-family:"黑体";font-size:40px;line-height:75px;color:#004195;text-align:center;margin:0 auto;} 
.blue_bg  .content  .c2 {width:900px;height:324px;background:url(../images/c2.png) no-repeat;margin:0 auto;margin-top:35px;padding-top:15px;}
.blue_bg  .content  .c2 .con_1 ul,.blue_bg  .content  .c2 .con_2 ul {width:100%;height:264px;background:url(../images/c3.png) no-repeat;margin-top:10px;overflow:hidden;}
.blue_bg  .content  .c2 .con_1 ul {margin-left:5%;}
.blue_bg  .content  .c2 .con_2 ul {float:right;margin-right:5%;}
.blue_bg  .content  .c2 .con_1 h3 {margin-left:10%;}
/*－－－－－201507311551－－－－－*/

/*菜单跟随*/
.line{position:absolute;top:28px;width:100%;margin:0 auto;clear:both;overflow:hidden;z-index:998;left:0}
.nav_twce_box {background:#fff;}
.banner {margin-top:124px;}

/*footer间距变小*/



/*企业成员*/
.business_mem  h2  a{display:block;height:74px;font-family:"黑体";font-size:40px;line-height:75px;color:#004195;;text-align:center;margin:0 auto;} 

/*无底部线*/
.no_line {border-bottom:none;}

/*内面开头的图片*/
.same {width:100%; height:252px; margin:0 auto;margin-top:114px;margin-bottom:20px;}
.same img {width:100%;height:252px;margin:0 auto;}


.banner {margin-top:115px;}

#header {
    border-top: 2px solid #0350d7;
    position: fixed;
    _position: absolute;
    width: 100%;
	height:80px;
    z-index: 100;
	background:#FFF;
	margin:0 auto;
top: 0px;
}





#ckepop{margin:5px 0 0 0px; float:right; margin-right:10px;}



.next-prev-single p{margin: 8px 0px;
font-size: 14px;}



.next-prev-single p a{color: #BB0404;font-size: 14px;}

.page a{margin: 0px 5px;
font-size: 14px;}
.page a:hover{color: #F00;}

.page span{margin: 0px 5px;
font-size: 14px;}








/* ---------------------- 百叶窗banner  -------------------------- */
#slider-wrap{width:300px; height:195px;}   /*可以修改宽高*/
#slider{position: relative; width:300px; height:195px; background:#FFF;} /*可以修改宽高*/
#slider img{position:absolute; top:0; left:0; display:none; width:300px; height: 195px;}/*可以修改宽高*/
.nivoSlider{position:relative;overflow: hidden;}
.nivoSlider img{position:absolute; top:0px; left:0px}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px;display:block;left:0px;width:300px;height:195px;border:0;padding:0;margin:0;z-index:6;}/*可以修改宽高*/
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute; left:0; bottom:0; background:#000;width:300px; z-index:50; height: 40px; }/*可以修改宽高*/
.nivo-caption p{width:300px;height: 40px; text-indent: -9999px}/*可以修改宽高*/
.nivo-controlNav{position:absolute; left:65%; bottom:10px; z-index: 100;}/*可以修改左右上下间距*/
.nivo-controlNav a{position:relative; z-index:99; cursor:pointer;background:#fff}
.nivo-controlNav a.active{background:#ff6400;font-weight:bold}
.nivo-controlNav a{display:block; color: #6f6c6c; width:30px; height:20px; line-height: 20px; text-align: center; margin-right:3px; float:left; overflow: hidden;}/*可以修改宽高*/
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}   /*左右切换按钮，不能删除，如果不需要可以设背景，删除会引起图片错位*/
.nivo-directionNav a {display:block;width:30px;height:30px;text-indent:-9999px;border:0;}
a.nivo-nextNav {right:15px;}
a.nivo-prevNav {left:15px;}










